.header {
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
}

.mon-box {
    background-color: #fff;
    .mon-top {
        padding: .6rem /* 30/50 */ .3rem /* 15/50 */;
        h3 { 
            font-size: .6rem /* 30/50 */;
            font-weight: 700;
        }
        .p-nav {
            margin-top: .4rem /* 20/50 */;
            margin-bottom: .4rem /* 20/50 */;
        }
        .top-big {
            .img-box {
                img {
                    display: block;
                    width: 4rem /* 200/50 */;
                    height: 4rem /* 200/50 */;
                    
                }
            }
        }
        div {
            p {
                font-size: .4rem /* 20/50 */;
                margin-top: .2rem /* 10/50 */;
                margin-bottom: .2rem /* 10/50 */;
            }
        }
        .p-img {
            
            max-width: 100%;
            height: auto;
            vertical-align: middle;
        }
    }

    .mon-down {
        // min-height: 60rem /* 3000/50 */; 
        // position: relative;
        .ul-nav {
            // min-height: 8rem /* 400/50 */;
           margin-bottom: .6rem /* 30/50 */;
            ul {
              position: relative;
              left: 50%;
              transform: translateX(-50%);
              width: 4rem /* 200/50 */;
              border-radius: .08rem /* 4/50 */;
              box-shadow: 0 0 .2rem /* 10/50 */ #000000;  
                li {
                    padding: .08rem /* 4/50 */ .2rem /* 10/50 */;
                    a {
                        display: block;
                        border-bottom: 1px dashed #000;
                        padding: 0rem /* 0/50 */ .16rem /* 8/50 */;
                        margin-top: .08rem /* 4/50 */;
                        p {
                            color: #000000;
                        }
                        p:nth-child(2) {
                            color: #f27b04;
                        }
                    }
                }
            }
        }

        .mon-btn {
            padding: .2rem /* 10/50 */;
            .btn-a {
                text-align: center;
                display: block;
                width: 100%;
                height: .8rem /* 40/50 */;
                border-radius: .2rem /* 10/50 */;
                background-color: #FF9000;
                line-height: .8rem /* 40/50 */;
                font-size: .5rem /* 25/50 */;
                color: #fff;
                box-shadow: 0 0 .1rem /* 5/50 */ #f27b04;
            }
        }

        .mon-er {
            padding: .2rem /* 10/50 */;
            margin-top: .6rem /* 30/50 */;
            margin-bottom: .4rem /* 20/50 */;
            img {
                display: block;
                width: 100%;
            }
        }
        
        .mon-fa {
            
            padding: .2rem /* 10/50 */;
            p {
                font-size: .56rem /* 28/50 */;
                color: #000000;
            }
            .text-box {
                margin-bottom: .4rem /* 20/50 */;
                border: .04rem /* 2/50 */ solid #ECEAE8;
                .text {
                   height: 3rem /* 150/50 */;
                }
                .txt-line {
                    height: 1.14rem /* 57/50 */;
                    background-color: #fbfbfb;
                    border-top: .02rem /* 1/50 */ solid #f2f2f2;
                    input {
                        height: 100%;
                        width: 3rem /* 150/50 */;
                        background-color: #ff841d;
                        box-sizing: border-box;
                        border: .04rem /* 2/50 */ solid #ff841d;
                        font-size: .5rem /* 25/50 */;
                        color: #fff;
                    }
                }
            }

            .new-p {
                margin-top: .4rem /* 20/50 */;
                .ne-img {
                    float: left;
                    margin-right: .2rem /* 10/50 */;
                   img {
                    display: block;
                    width: 1.6rem /* 80/50 */;
                    height: 1.6rem /* 80/50 */;
                    border-radius: 50%;
                   }
                }
                .ne-p {
                    margin-bottom: .48rem /* 24/50 */;
                    display: flex;
                    justify-content: space-between;
                    p:nth-child(1) {
                        font-size: .4rem /* 20/50 */;
                        color: #5997c0;
                    }
                    p:nth-child(3) {
                        color: #999;
                        font-size: .4rem /* 20/50 */;

                    }
                    p:nth-child(2) {
                        flex: 1;
                    }
                }

                .last-p {
                    
                    p {
                        font-size: .48rem /* 24/50 */;
                        color: #606060;
                    }
                }

            }

        }


    }

}